import React,{PropTypes} from 'react';
import {Link} from 'react-router'
import Drawer from 'material-ui/Drawer';
import MenuItem from 'material-ui/MenuItem';
import AppBar from 'material-ui/AppBar';
import IconButton from 'material-ui/IconButton';
import NavigationClose from 'material-ui/svg-icons/navigation/close';

class AppBarExampleIcon extends React.Component{
    constructor(props,context){
    super(props,context);

    }
    render(){
        return(
            <div>
                <AppBar
                iconClassNameRight="muidocs-icon-navigation-expand-more"
                onLeftIconButtonTouchTap={(e)=>{e.stopPropagation();return this.props.openBar(true)}}
                />
                <Drawer open={this.props.showState}>
                    <IconButton onClick={(e)=>{e.stopPropagation();return this.props.openBar(false)}}><NavigationClose /></IconButton>
                    <MenuItem><Link to="/about">About</Link></MenuItem>
                    <MenuItem><Link to="/app">App</Link></MenuItem>
                    <MenuItem><Link to="/Asyn">Asyn</Link></MenuItem>
                    <MenuItem><Link to="/Map">Map</Link></MenuItem>
                </Drawer>
            </div>

        )
    }
}
export default AppBarExampleIcon;